// pages/products/products.js
Page({
  data: {
    selectedCity: '上海',
    cities: ['上海', '北京', '广州', '成都', '三亚', '重庆'],
    searchKeyword: '',
    products: [],
    allProducts: {
      '上海': [
        {
          id: 1,
          name: '桔子酒店(上海虹桥机场店)',
          rating: 4.7,
          description: '私享虹桥机场火车站国家会展中心',
          type: '高档型',
          location: '近虹桥路地铁站',
          features: ['免费升房', '免费机场巴士'],
          image: '/images/1.jpg',
          tag: '热销'
        },
        {
          id: 2,
          name: '和颐至尊酒店(上海新国际博览中心店)',
          rating: 4.7,
          description: '近迪士尼就能看到东方明珠',
          type: '舒适型',
          location: '近上海世博展览馆',
          features: ['免费升房', '免费机场巴士'],
          image: '/images/1.jpg',
          tag: '热销'
        }
      ],
      '北京': [
        {
          id: 3,
          name: '北京王府井希尔顿酒店',
          rating: 4.8,
          description: '位于王府井商业街核心地带',
          type: '豪华型',
          location: '近王府井地铁站',
          features: ['行政酒廊', '健身中心'],
          image: '/images/1.jpg',
          tag: '热销'
        },
        {
          id: 4,
          name: '北京三里屯通盈中心洲际酒店',
          rating: 4.6,
          description: '时尚三里屯核心位置',
          type: '高档型',
          location: '近三里屯地铁站',
          features: ['无边泳池', '米其林餐厅'],
          image: '/images/1.jpg',
          tag: '推荐'
        }
      ],
      '广州': [
        {
          id: 5,
          name: '广州白云国际机场希尔顿酒店',
          rating: 4.5,
          description: '机场内唯一五星级酒店',
          type: '豪华型',
          location: '白云国际机场内',
          features: ['机场直连', '24小时服务'],
          image: '/images/1.jpg',
          tag: '便利'
        }
      ],
      '成都': [
        {
          id: 6,
          name: '成都群光君悦酒店',
          rating: 4.6,
          description: '春熙路核心商圈',
          type: '豪华型',
          location: '近春熙路地铁站',
          features: ['购物便利', '美食街'],
          image: '/images/1.jpg',
          tag: '热销'
        }
      ],
      '三亚': [
        {
          id: 7,
          name: '三亚亚龙湾瑞吉度假酒店',
          rating: 4.9,
          description: '私享海滩度假胜地',
          type: '度假型',
          location: '亚龙湾海滩',
          features: ['私人海滩', '水上运动'],
          image: '/images/1.jpg',
          tag: '度假'
        }
      ],
      '重庆': [
        {
          id: 8,
          name: '重庆解放碑威斯汀酒店',
          rating: 4.4,
          description: '解放碑商圈核心位置',
          type: '商务型',
          location: '解放碑步行街',
          features: ['商务中心', '会议设施'],
          image: '/images/1.jpg',
          tag: '商务'
        }
      ]
    }
  },

  onLoad: function (options) {
    console.log('商品页面加载')
    // 隐藏右上角分享菜单
    wx.hideShareMenu({
      success: function() {
        console.log('分享菜单隐藏成功')
      },
      fail: function(err) {
        console.log('分享菜单隐藏失败', err)
      }
    })

    // 初始化时加载默认城市的商品
    this.loadProductsByCity(this.data.selectedCity)
  },

  onShow: function () {
    // 确保分享菜单被隐藏
    wx.hideShareMenu({
      success: function() {
        console.log('分享菜单隐藏成功')
      }
    })
  },

  // 根据城市加载商品数据
  loadProductsByCity: function(city) {
    const cityProducts = this.data.allProducts[city] || []
    this.setData({
      products: cityProducts
    })
  },

  // 城市选择
  onCitySelect: function(e) {
    const city = e.currentTarget.dataset.city
    this.setData({
      selectedCity: city
    })
    this.loadProductsByCity(city)
  },

  // 搜索输入
  onSearchInput: function(e) {
    const keyword = e.detail.value
    this.setData({
      searchKeyword: keyword
    })
    this.searchProducts(keyword)
  },

  // 搜索商品
  searchProducts: function(keyword) {
    if (!keyword.trim()) {
      // 如果搜索关键词为空，显示当前城市的所有商品
      this.loadProductsByCity(this.data.selectedCity)
      return
    }

    // 在当前城市的商品中搜索
    const cityProducts = this.data.allProducts[this.data.selectedCity] || []
    const filteredProducts = cityProducts.filter(product => {
      return product.name.toLowerCase().includes(keyword.toLowerCase()) ||
             product.description.toLowerCase().includes(keyword.toLowerCase()) ||
             product.location.toLowerCase().includes(keyword.toLowerCase())
    })

    this.setData({
      products: filteredProducts
    })
  },

  // 选择城市
  selectCity: function(e) {
    const city = e.currentTarget.dataset.city

    this.setData({
      selectedCity: city
    })

    // 根据城市加载不同的商品数据
    this.loadProductsByCity(city)

    console.log('选择城市:', city)
  },

  // 跳转到设置页面
  goToSettings: function() {
    wx.navigateTo({
      url: '/pages/settings/settings'
    })
  },

  // 搜索框点击事件
  onSearchTap: function() {
    wx.navigateTo({
      url: '/pages/search/search'
    })
  },

  // 图片加载成功
  onImageLoad: function(e) {
    console.log('图片加载成功')
  },

  // 图片加载失败
  onImageError: function(e) {
    console.log('图片加载失败:', e.detail.errMsg)
    wx.showToast({
      title: '图片加载失败',
      icon: 'none',
      duration: 1000
    })
  },

  // 商品卡片点击事件
  onProductTap: function(e) {
    const productId = e.currentTarget.dataset.id
    console.log('点击商品:', productId)
    // 这里可以跳转到商品详情页
    wx.showToast({
      title: '商品详情开发中',
      icon: 'none'
    })
  },

  // 分享功能
  onShareAppMessage: function () {
    return {
      title: '券多多 - 发现更多优惠',
      path: '/pages/products/products'
    }
  }
})
